<template>
  <li class="goods-list">
    <router-link to="/detail"  class="goods-list-link">
      <div class="goods-list-pic">
        <img :src="img" alt="">
      </div>
      <div class="goods-list-desc">
        <p class="goods-list-name">{{ title }}555555</p>
        <p class="goods-list-price">{{ price|dTofixed|dCurrency }}</p>
      </div>
    </router-link>
  </li>
</template>

<script type="text/ecmascript-6">
export default {
  props: ['price', 'title', 'img'],
  name: 'goods-list',
  data () {
    return {}
  },
  methods: {}
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "goodsList.styl";
</style>
